.select {
	display: inline-block;
	position: relative;

	select {
		padding-right: 10px;
		cursor: pointer;
		-webkit-appearance: none;
		font-size: 16px;
		font-weight: 200;
		border: 0;
		border-bottom: 1px solid #000;
		border-radius: 0;
		padding-bottom: 6px;
		margin-left: 9px;
		outline: 0;

		&:hover {
			color: #f40;
			border-color: #f40;
		}

		&:active {
			border-color: #f40;
		}
	}

	&:before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -5px;
		pointer-events: none;
		border-top: 6px solid #555;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
	}

	&:hover:before {
		border-top-color: #f40;
	}
}
